<!-- TODO -->
<script lang="ts" setup>
// 引入中文语言包
import { dateZhCN, zhCN } from 'naive-ui'
import * as echarts from 'echarts'
import { echarts1 } from '@/composables/echars/admin/index/echars-index'

const defaultValue = ref(new Date().getTime())

nextTick(() => {
  echarts
    .init(document.getElementById('echarts1') as HTMLDivElement)
    .setOption(echarts1)
})
</script>

<template>
  <div class="h-[350px] flex justify-between">
    <div class="w-full mr-5">
      <n-card class="!shadow-xl !rounded-lg">
        <template #header>
          数据统计
        </template>
        <div id="echarts1" class="w-full h-64" />
      </n-card>
    </div>
    <div>
      <NConfigProvider :date-locale="dateZhCN" :locale="zhCN">
        <n-date-picker
          v-model:value="defaultValue"
          :actions="[]"
          class="!w-[345px] !mr-2 h-[345px] !shadow-xl !rounded-lg"
          panel
          type="date"
        />
      </NConfigProvider>
    </div>
  </div>
</template>

<style scoped></style>
